import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import { Divider } from '@material-ui/core';
import {  Result } from './components';

import { result } from './data';

const useStyles = makeStyles(theme => ({
    root: {
        height: '100%',
        width: '100%',
    },
    sectionBreadcrumb: {
        '& .section-alternate__content': {
            paddingTop: theme.spacing(2),
            paddingBottom: theme.spacing(2),
        },
    },
}));

const DiscoverAll = () => {
    const classes = useStyles();

    return (
        <div className={classes.root}>
            <Result data={result} />
        </div>
    );
};

export default DiscoverAll;
